<template>
    <div class="heads">
        <div class="big-center">
            <div class="center">
                <div class="title">{{ title }}</div>
                <div v-html="xieyi"></div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "xieyi",
    data() {
        return {
            xieyi: '',
            title: '',
        }
    },
    mounted() {
        this.title = this.$route.query.title
        this.getxieyi()
    },
    methods: {
        getxieyi() {
            let data = {
                classifyId: 19,
                page: 0,
                size: 9999
            }
            this.$http({
                url: this.$http.adornUrl('/article/selectArticleList'),
                method: 'get',
                params: this.$http.adornParams(data)
            }).then(({ data }) => {
                console.log('浪里个浪-----', data.data.content)
                if (data.status == 0) {
                    // this.xieyi = data.data.value
                    let list = data.data.content
                    let resSome = list.some(item => item.title == this.title)
                    if (resSome) {
                        let index = list.findIndex(item => item.title == this.title)
                        console.log('获取到的文章', list[index])
                        this.xieyi = list[index].content
                    }
                }
            })
        },
    }


}
</script>

<style scoped="scoped" lang="less">

.big-center {
    // width: 1440px;
    width: 100%;
    // height: 237px;
    line-height: 24px;
    // color: #fff;
    font-size: 14px;
    // background: #26272A;
    margin: 0 auto;
}
.center {
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	// padding-top: 58px;
    padding: 0 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
    background: #fff;
    height: 100vh;
}
.title{
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    padding-top: 28px;
    padding-bottom: 28px;
}
/deep/p{
    margin: 0;
    padding: 0;
    text-indent: 32px !important;
}
</style>